@charset "utf-8";
/* CSS Document */

/*easybtn*/
.cbl{position: fixed; right: 10px; z-index: 98;top: 20%;}
.cbl .quick-panel{-webkit-transition: top ease .4s; -moz-transition: top ease .4s; -ms-transition: top ease .4s; transition: top ease .4s;}
.cbl dl{position: relative; margin-bottom: 5px;}
.cbl dl dt a{display: block; width: 50px; height: 50px;  background: #fff; -moz-box-shadow: 0 0 15px rgba(102,157,217,0.18); -o-box-shadow: 0 0 15px rgba(102,157,217,0.18); -webkit-box-shadow: 0 0 15px rgba(102,157,217,0.18); box-shadow: 0 0 15px rgba(102,157,217,0.18); cursor: pointer; overflow: hidden; border-radius: 50%; }
.cbl dl dt a:before{content: ""; display: block; margin: 0 auto; width: 100%; height: 100%;background-size: 100%;}
.cbl dl dt a span{display: none; text-align: center; font-size: 18px; color: #71b0f0; font-weight: bold; line-height: 20px; white-space: nowrap;}

.cbl dl.dl-dy dt a{ background: url("../images/dy1.png") no-repeat ;background-size: 100%; }
.cbl dl.dl-dy dt a:hover{background: url("../images/dy2.png") no-repeat ;background-size: 100%; }
.cbl dl.dl-wx dt a{ background: url("../images/wx1.png") no-repeat ;background-size: 100%;}
.cbl dl.dl-wx dt a:hover{background: url("../images/wx2.png") no-repeat ;background-size: 100%;}

.cbl dl.dl-wb dt a{background: url("../images/wb1.png") no-repeat ;background-size: 100%;}
.cbl dl.dl-wb dt a:hover{ background: url("../images/wb2.png") no-repeat ;background-size: 100%;}

.cbl dl.dl-gs dt a{ background: url("../images/gs1.png") no-repeat ;background-size: 100%;}
.cbl dl.dl-gs dt a:hover{background: url("../images/gs2.png") no-repeat ;background-size: 100%;}

.cbl dl.dl-app dt a{ background: url("../images/sjapp1.png") no-repeat ;background-size: 100%;}
.cbl dl.dl-app dt a:hover{background: url("../images/sjapp2.png") no-repeat ;background-size: 100%;}

.cbl dl.dl-ms dt a{ background: url("../images/msjd1.png") no-repeat ;background-size: 100%;}
.cbl dl.dl-ms dt a:hover{background: url("../images/msjd2.png") no-repeat ;background-size: 100%;}

.cbl dl.dl-znzx dt a{ background: url("../images/znzx1.png") no-repeat ;background-size: 100%;}
.cbl dl.dl-znzx dt a:hover{background: url("../images/znzx2.png") no-repeat ;background-size: 100%;}

.cbl dl.dl-toggle dt a{ background: url("../images/close1.png") no-repeat ;background-size: 100%; }
.cbl dl.dl-toggle dt a:hover{background: url("../images/close2.png") no-repeat ;background-size: 100%;}

.cbl dl.dl-toggle2 dt a{ background: url("../images/close1.png") no-repeat ;background-size: 100%; }

.rotate45 { 
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg); 
    -moz-transform: rotate(45deg); 
    transform: rotate(45deg);
}


.cbl dl dd{position: absolute; right: 120%; top: 0; display:none;}
.cbl dl dd .cont{position: relative; padding: 10px; *border: #dae0e4 1px solid; background: #fff; -moz-box-shadow: 0 0 5px 1px rgba(0,0,0,0.18); -o-box-shadow: 0 0 5px 1px rgba(0,0,0,0.18); -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.18); box-shadow: 0 0 5px 1px rgba(0,0,0,0.18); -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.cbl dl dd img{display: block; width: 120px; height: 120px;}
.cbl dl dd span{display: block; width: 120px; text-align: center; font-size: 14px; color: #666; line-height: 18px; white-space: nowrap;}
.cbl dl dd .cont:after{content: ""; width: quick-panel0; height: 0; overflow: hidden; border: 10px solid transparent; border-left-color: #fff; position: absolute; right: -20px; top: 15px;}
.cbl dl dd .cont:before{position: absolute; right: -22px; top: 14px; content: ""; width: 0; height: 0; overflow: hidden; border: 11px solid transparent; border-left-color: #dae0e4;}